@()(implicit flash: Flash,messages: Messages)
<style>
		.registration-form input[type="text"], .registration-form input[type="password"], .registration-form input[type="email"] {
			padding: 10px 15px;
			height: auto;
		}

</style>
<!DOCTYPE html>

<html lang="en">
	<head>
		<title id="shareTitle">@messages("loginIn")</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-sweetalert-master/dist/sweetalert.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap/css/bootstrap.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap/css/bootstrap-theme.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap/css/bootstrap-responsive.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("font-awesome-4.7.0/css/font-awesome.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/layout.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/components.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/uniform.default.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("simple-line-icons/simple-line-icons.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/page.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/doc.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-table-master/dist/bootstrap-table.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("select2-4.0.3/dist/css/select2.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-fileinput-master/css/fileinput.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/login-5.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/my.css")">
		<script src="@routes.Assets.at("bootstrap/js/jquery-3.1.1.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap/js/bootstrap.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("layer-v3.0/layer/layer.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-sweetalert-master/dist/sweetalert.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/bootstrap-table.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/locale/bootstrap-table-zh-CN.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("select2-4.0.3/dist/js/select2.full.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/bootstrap3-typeahead.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-fileinput-master/js/fileinput.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-fileinput-master/js/locales/zh.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/export/bootstrap-table-export.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/export/tableExport.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/multiple-search/bootstrap-table-multiple-search.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("jquery-backstretch-master/jquery.backstretch.min.js")" type="text/javascript"></script>
	</head>
	<body class=" login">
			<!-- BEGIN : LOGIN PAGE 5-2 -->
		<div class="user-login-5" >
			<div class="row bs-reset">
				<div class="col-md-6 login-container bs-reset">

					<div class="register" style="text-align: center;
						margin-top: 80px">

					</div>

					<div align="center">
						<div style="width: 550px">
							<h2 style="margin-top: 20%;
								margin-left: 5%;
								font-size: 30px">代谢分析云平台</h2>
						</div>
					</div>

					<div class="login-content">

						<div class="register">
							<h2 class="page-heading" style="font-size: 25px;">@messages("loginIn")</h2>
						</div>
						<form id="loginForm" style="max-width: 320px;" class="registration-form" accept-charset="UTF-8"
						action="@routes.AppController.login" method="post">

							<span class="@flash.get("class")" style="line-height: 35px;" id="error">@if(flash.get("info").isDefined){
								@Html(flash.get("info").get)
							}
							</span>

							<div class="form-group">
								<div class="input-group">
									<span class="input-group-addon"><em
									class="fa fa-user icon2x"></em></span>
									<input id="loginEmail" name="name" placeholder="@messages("phoneNumber")/@messages("email")" type="text" class="form-control" required value=""/>
								</div>
							</div>

							<div class="form-group">
								<div class="input-group">
									<span class="input-group-addon"><em
									class="fa fa-key icon2x"></em></span>
									<input id="loginPassword" name="password" placeholder="@messages("password")" type="password" autocomplete="off" class="form-control" required value="" maxlength="30"/>
								</div>
							</div>

							<div class="actions">
								<input type="submit" id="loginSubmit" value="@messages("loginIn")"
								class="btn btn-primary btn-lg">
							</div>

							<div class="form-group" style="margin-top: 10px">
								<a href="@routes.AppController.registerBefore" target="_blank">@messages("RegisterNow")</a>
								<a href="@routes.AppController.recoverPasswordBefore" target="_blank" style="position: relative;left: 200px">@messages("forgotPassword")？</a>
							</div>

						</form>

					</div>

					<div class="login-footer">
						<div class="row bs-reset">
							<div class="col-xs-12 bs-reset">
								<div class="login-copyright text-right">
									<p style="color: black">
										版权所有2020 代谢分析云平台 All Rights Reserved
									</p>
								</div>
							</div>
						</div>
					</div>


				</div>
				<div class="col-md-6 bs-reset">
					<div class="login-bg">
					</div>

				</div>
			</div>
		</div>
		@scalajs.html.scripts("client", routes.Assets.at(_).toString, name => getClass.getResource(s"/public/$name") != null)
	</body>
</html>



<script>
		$(function () {
			App.init

			$(".login-bg").backstretch(["/assets/images/bg3.jpg", "/assets/images/bg1.jpg"], {
				fade: 1e3,
				duration: 8e3
			})

		})

</script>
